       *{margin: 0;padding: 0;}
        html{
            height: 100%;
        }
        body {
            height: 100%;
            background: url(./img/背景.bmp) no-repeat;
            background-size: 100% 100%;
            display: flex;
            
        }
        #model{
            margin-top: 60px;
            height: 600px;
            width: 300px;
            margin-left: 200px;
            position: relative;
            
        }
        #model img{
            height: 600px;
        }
        #model div{
            position: absolute;
        }
        #model div:nth-of-type(1){
            top: -14px;
            left: -3px;
        }
        #model div:nth-of-type(2){
            top: 81px;
            left: 4px;
            z-index: 2;
        }
        #model div:nth-of-type(3){
            top: 202px;
            left: 17px;
        }
        #model div:nth-of-type(4){
            top: 356px;
            left: -4px;
            z-index: 2;
        }
        #model div:nth-of-type(5){
            position:absolute;
            top: 496px;
            left: -14px;
            z-index: 2;
        }
        #robe{
            height: 90%;
            width: 80%;
            margin-right: 20px;
            position: relative;
            display: flex;
            flex-direction: column;
        } 
        #robe > ul {
            display: flex;
         }
        #robe > ul > li {
            background-color: rgba(255,255,255,0);
            opacity: .6;
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;}
        #robe > ul > li.active {
            background-color: rgba(255,255,255,0);
            opacity: 1;
            
        }
        #robe > ul > li img {
            height:100px;
            width: 200px;
        }
        #robe > ol {
            flex: 1;
            position: relative;
        }
        #robe > ol > li {
            width: 100%;
            height: 100%;
            background-color: rgba(255,255,255,.3);
            visibility: hidden;
            display: flex;
            position: absolute;
            flex-wrap: wrap;
        }
        #robe > ol > li.active {
            visibility: visible;
        }
                